<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0.min.css" />
		<!--网站icon-->
		<link rel="shortcut icon" href="favicon.ico">
		<title>LUG论坛</title>
		<style type="text/css">
			/*body {width: 100%;}
			._header,._banner,._content,._footer{width: 100%;}
			.header,.banner,.content,.footer{width: 1200px;margin: 0 auto;}*/
			
			._header{background: #222222;}
			.header nav{border-width: 0;margin-bottom: 0;}

			._banner{background: #6f5499;}
			.banner .jumbotron{background: #6f5499;color: #ffffff;}
			.banner .jumbotron h2{color: #cdbfe3;}
			
			.content .container-fluid .activity{margin-bottom: 2em;}
			.content .container-fluid .image{margin-top: 2em;}
			.content .container-fluid .image img{margin-right: 1em;}

			._footer{background: #222222;padding: 2em;}
			.footer{color: #9d9d9d;text-align: center;}
		</style>
		<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript">
			$(function () {
            });
		</script>
	</head>

	<body>
		<div class="_header">
			<div class="header">
				<nav class="navbar navbar-default navbar-inverse">
					<div class="container-fluid">
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					            <span class="sr-only">Toggle navigation</span>
					            <span class="icon-bar"></span>
					            <span class="icon-bar"></span>
					            <span class="icon-bar"></span>
							</button>
							<a class="navbar-brand" href="#">SJZLUG</a>
				        </div>
				        <div id="navbar" class="collapse navbar-collapse">
				        	<ul class="nav navbar-nav">
					            <li>
									<a href="#">线下活动</a>
								</li>
								<li>
									<a href="#">LUG论坛</a>
								</li>
								<li>
									<a href="#">知识粮库</a>
								</li>
								<li>
									<a href="https://gitee.com/sjzlug/sjzlug.org" target="_blank" title="码云项目">码云</a>
								</li>
								<li>
									<a href="https://github.com/sjzlug/sjzlug.org" target="_blank" title="Github项目"><i class="fa fa-github fa-lg"></i></a>
								</li>
				        	</ul>
				        </div>
						<!-- /.navbar-collapse -->
					</div>
					<!-- /.container-fluid -->
				</nav>
			</div>
		</div>
		<div class="_banner">
			<div class="banner">
				<div class="jumbotron">
					<h1>LUG论坛</h1>
					<h2></h2>
				</div>
			</div>
		</div>

		<div class="_content">
			<div class="content">
				
				<div class="list-group" style="width: 95%;margin: 0 auto;">
					<button type="button" class="list-group-item">Cras justo odio<span class="badge">200</span></button>
					<button type="button" class="list-group-item">Dapibus ac facilisis in<span class="badge">200</span></button>
					<button type="button" class="list-group-item">Morbi leo risus<span class="badge">200</span></button>
					<button type="button" class="list-group-item">Porta ac consectetur ac<span class="badge">200</span></button>
					<button type="button" class="list-group-item">Vestibulum at eros<span class="badge">200</span></button>
				</div>
				
			</div>
		</div>

		<div class="_footer">
			<div class="footer">
				<p>石家庄Linux用户组 所有</p>
				<p>清风 辉 百无一用是书生 红壶吃猬队 寒宇.改 janl</p>
				<p>QQ群:249872047 <a href="https://tieba.baidu.com/f?kw=%E6%B2%B3%E5%8C%97linux%E7%94%A8%E6%88%B7%E7%BB%84&fr=index">群贴吧</a></p>
			</div>
		</div>
	</body>

</html>
